@charset "UTF-8";
//mixin工具
@import "tool/w-tool";
//基础样式
@import "wap/base";
//iui
@import "wap/iui";

//layout
@import "wap/layout";

//animation
@import "animation";


// @keyframes flipInX {
//     0% {
//         -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
//         transform: perspective(400px) rotate3d(1,0,0,90deg);
//         -webkit-animation-timing-function: ease-in;
//         animation-timing-function: ease-in;
//         opacity: 0
//     }

//     40% {
//         -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
//         transform: perspective(400px) rotate3d(1,0,0,-20deg);
//         -webkit-animation-timing-function: ease-in;
//         animation-timing-function: ease-in
//     }

//     60% {
//         -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
//         transform: perspective(400px) rotate3d(1,0,0,10deg);
//         opacity: 1
//     }

//     80% {
//         -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
//         transform: perspective(400px) rotate3d(1,0,0,-5deg)
//     }

//     100% {
//         -webkit-transform: perspective(400px);
//         transform: perspective(400px)
//     }
// }

// @keyframes swing {
//     20% {
//         -webkit-transform: rotate3d(0,0,1,15deg);
//         transform: rotate3d(0,0,1,15deg)
//     }

//     40% {
//         -webkit-transform: rotate3d(0,0,1,-10deg);
//         transform: rotate3d(0,0,1,-10deg)
//     }

//     60% {
//         -webkit-transform: rotate3d(0,0,1,5deg);
//         transform: rotate3d(0,0,1,5deg)
//     }

//     80% {
//         -webkit-transform: rotate3d(0,0,1,-5deg);
//         transform: rotate3d(0,0,1,-5deg)
//     }

//     100% {
//         -webkit-transform: rotate3d(0,0,1,0deg);
//         transform: rotate3d(0,0,1,0deg)
//     }
// }